<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // var params = new URLSearchParams();

    // params.set("a", 1);
    // params.set("b", 2);
    // params.set("c", 3);

    // params.append("c", 33);
    // params.append("c", 333);
    // params.append("c", 3333);


    // console.log(params.get("a"));
    // console.log(params.get("b"));
    // console.log(params.get("c"));

    // console.log(params.getAll("a"));
    // console.log(params.getAll("b"));
    // console.log(params.getAll("c"));

    // params.delete("a")
    // params.delete("b")
    // params.delete("c")

    // console.log(params.toString());


    // var params = new URLSearchParams({
    //     a: 1,
    //     b: 2,
    //     c: [3, 33, 333, 333, 3333]
    // });
    // console.log(params.toString());



    var params = new URLSearchParams("?a=1&b=2&c=3&c=33&c=333");
    console.log(params.toString());


    var params = new URLSearchParams("a=1&b=2&c=3&c=33&c=333");


    // 解析 params(参数对象)  -> 得到一个纯对象数据
    var data = {
        // c:"3"
        // c:["3","33"]
        // c:["3","33","333"]
    };
    params.forEach(function (val, key) {
        console.log(key, val);
        if (data.hasOwnProperty(key)) { // 有键名  -> 已存在(1个值 => 字符串   多个值 => 数组)
            var cur = data[key];
            if (typeof cur == "string") {  //只有一个值   [原本值,新值]
                data[key] = [cur, val];
            } else if (Array.isArray(cur)) {
                data[key].push(val);
            }

        } else {  // 没有键名 直接新增
            data[key] = val;
        }
    })
    console.log(111111, data);


    console.log(params.toString());





</script>

</html>